<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>手机端网页</title>
    <link rel="stylesheet" href="css/index.css"/>
</head>
<body>

<div class="main">
    <a href="#">
        <div class="header">
            <img src="img/下载.jpg" alt=""/>
        </div>
        <div class="container">
            <div class="one">
                <div class="one_left">
                    <div class="school">
                        <i class="iconfont " style="font-size: 70px;color:#FDFEFF;margin-left: 15px;line-height: 100px">&#xe681;</i>
                    </div>
                    <div class="school_fonts" >
                        <p>校园风貌</p>
                        <span>兰州市第一中学，简称兰州一中，位于甘肃省兰州市，是一所省级高中，其前身为“甘肃文高等学堂。”</span>
                    </div>
                </div>
                <div class="one_right">
                    <i class="iconfont" style="font-size:63px;color:#F79030;margin-left:74px;">&#xe60a;</i>
                    <p style="color: #F79C41;font-size: 17px;text-align: center;margin-top: 7px">教师风采</p>
                </div>
            </div>
            <div class="two">
                <div class="two_left">
                    <i class="iconfont" style="font-size:60px;margin-left:70px;color:#008B92 ">&#xe69c;</i>
                    <p style="font-size: 18px;color:#0E9599;text-align: center;margin-top: 5px">校园公告</p>
                </div>
                <div class="two_center">
                    <i class="iconfont" style="color: #006993;font-size:65px;;margin-left: 70px">&#xe614;</i>
                    <p style="color: #0C77A3;font-size: 18px;text-align:center;">班级空间</p>
                </div>
                <div class="two_right">
                    <i class="iconfont" style="color: #B55700;font-size: 60px;margin-left:71px">&#xe613;</i>
                    <p style="color:#C7650C;font-size: 18px;text-align: center">成长记录</p>
                </div>
            </div>
            <div class="three">
                <div class="three_left">
                    <i class="iconfont" style="color:#FFFFFD;font-size: 80px;margin-left: 60px;">&#xe615;</i>
                    <p style="color: #FFFFFD;font-size: 18px;text-align: center;padding-top: 30px">教育资源</p>
                </div>
                <div class="three_right">
                    <div class="top">
                        <div class="top_left">
                            <i class="iconfont" style="color: #3F6D00; font-size: 65px;margin-left: 67px">&#xe6a6;</i>
                            <p style="color: #3C6C00;font-size: 18px;text-align: center;margin-top: -2px">学生天地</p>
                        </div>
                        <div class="top_right">
                            <i class="iconfont" style="color:#96BCFD;font-size: 65px;margin-left: 63px">&#xe64d;</i>
                            <p style="color: #7AA1E6;font-size: 18px;text-align: center;margin-top: -2px">甘肃教育移动</p>
                        </div>
                    </div>
                    <div class="bottom">
                        <div class="bottom_left">
                            <i class="iconfont" style="color:#F4C2F5;font-size: 65px;margin-left: 68px">&#xe650;</i>
                            <p style="color:#F4C2F5;font-size: 18px;text-align: center;margin-top: -2px">课程表</p>
                        </div>
                        <div class="bottom_right">
                            <i class="iconfont" style="color:#026F50;font-size:65px;margin-left: 60px">&#xe618;</i>
                            <p style="color:#026F50;font-size: 18px;text-align: center;margin-top: -2px">孩子去哪了</p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="four">
                <div class="four_left">
                    <i class="iconfont" style="color:#D236A3;font-size: 60px;margin-left: 72px">&#xe635;</i>
                    <p style="color:#D236A3;font-size: 18px;text-align: center">学籍录入</p>
                </div>
                <div class="four_right">
                    <div class="icon">
                        <i class="iconfont" style="color:#FFFEFF;font-size: 60px;margin-left: 15px;line-height: 100px">&#xe60e;</i>
                    </div>
                    <div class="fonts">
                        <p>报警平台</p>
                    <span>
                        报警平台的一段介绍,报警平台的一段介绍,报警平台的一段介绍,报警平台的一段介绍,报警平台的一段介绍。
                    </span>
                    </div>
                </div>
            </div>

        </div>
        <div class="footer"></div>
    </a>
</div>
<br/><br/><br/><br/>
</body>
</html>